<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        #input {
            width: 80px;
            height: 25px;
            border: 1px solid blue;
            text-align: center;
        }

        #check {
            cursor: default;
            width: 80px;
            height: 25px;
            border: 1px solid red;
            text-align: center;
        }

        #check:hover {
            color: crimson;
        }

        #highScores {
            background-color: aliceblue;
            width: 80px;
        }
    </style>
</head>
<body>
    <div id="input" contenteditable="true"></div>
    <div id="check" onclick="">Check</div>
    <div id="ramsAndSheep"></div>
    <div id="highScores"></div>
    <script src="ramsAndSheepGame.js"></script>
</body>
</html>